<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小米商城</title>
        <link rel="stylesheet" href="font-awesome/css/font-awesome.css">
        <style type="text/css">
            body{
                margin: 0;
                padding: 0;
            }
            .header{
                height: 140px;
            }
            .site-topbar{
                height: 40px;
                font-size: 12px;
                color: #b0b0b0;
                background: #333
            }
            .site-topbar .container{
                width: 1226px;
                height: 40px;
                margin: 0 auto;
            }
            .topbar-nav{
                float: left;
                height: 40px;
                line-height: 40px;
            }
            .topbar-nav .sep{
                margin: 0 .3em;
                color: #424242;
            }
            .topbar-nav a{
                text-decoration: none;
                color: #b0b0b0;
                line-height: 40px;
                display: inline-block;
            }
            .topbar-nav>a:hover{
                color: white;
            }
            .topbar-info{
                float: right;
                height: 40px;
                line-height: 40px;
            }.topbar-info .sep{
                 margin: 0 .3em;
                 color: #424242;
             }
            .topbar-info a{
                text-decoration: none;
                color: #b0b0b0;
                line-height: 40px;
                display: inline-block;
            }
            .topbar-info>a:hover{
                color: white;
            }
            .topbar-cart{
                float: right;
                width: 120px;
                height: 40px;
                line-height: 40px;
                margin-left: 15px;
                background-color: #555555;
                transition: all .2s;
                font-size: 12px;
                text-align: center;
                cursor: pointer;
                position: relative;
            }
            .cart-menu{
                width: 316px;
                height: 0px;
                position: absolute;
                right: 0;
                top: 40px;
                background: #fff;
                box-shadow: 0 2px 10px rgba(0,0,0,.15);
                transition: height .3s;
            }
            .cart-menu .hide{
                height: 40px;
                line-height: 40px;
                margin:20px auto;
                color:#b0b0b0 ;
                display: none;
            }
            .topbar-cart:hover .cart-menu{
                height: 80px;
            }
            .topbar-cart:hover .hide{
                display: block;
            }
            .topbar-cart:hover{
                color: orangered;
                background-color: white;
            }

            .site-header{
                height: 100px;
            }
            .site-header .container{
                width: 1226px;
                height: 100px;
                margin: 0 auto;
                display: flex;
                flex-flow: row nowrap;
            }
            .header-logo{
                width: 62px;
                height: 55px;
                margin-top: 22px;
            }
            .header-logo .logo{
                position: relative;
                display: block;
                width: 55px;
                height: 55px;
                overflow: hidden;
                background-color: #ff6700;
                background-image: url("mi-logo.png") , url("mi-home.png");
                background-repeat: no-repeat;
                background-position:0 0,55px 0;
                transition: all .2s;
            }
            .header-logo>.logo:hover{
                background-position: -55px 0,0 0;
            }
            .header-nav{
                width: 850px;
                height: 100px;
                color: #333;
                font-size: 14px;
                display: flex;
                flex-flow: row nowrap;
            }
            .header-nav .nav-item{
                height: 88px;
                line-height: 88px;
                text-align: center;
                margin:6px 10px;
                cursor: pointer;
            }
            .nav-item:hover{
                color: orangered;
            }
            .header-search{
                width: 296px;
                height: 50px;
                margin-top: 25px;
                margin-left: 96px;
                display: flex;
                flex-flow: row nowrap;
            }
            .header-search .search{
                display: block;
                width: 223px;
                height: 48px;
                font-size: 14px;
                line-height: 48px;
                border: 1px solid gainsboro;
                outline: none;
            }
            .header-search .btn{
                width: 52px;
                height: 50px;
                font-size: 24px;
                line-height: 24px;
                background: #fff;
                color: #616161;
                border: 1px solid gainsboro;
                cursor: pointer;
            }
            .header-search .btn>span{
                width: 52px;
                height: 50px;
                line-height: 50px;
                text-align: center;
            }
            .home-hero-container{
                width: 1226px;
                height: 670px;
                margin: 0 auto;
            }
            .home-hero{
                width: 1226px;
                height: 460px;
                background-color: #00F7DE;
            }
            .site-category{
                width: 234px;
                height: 420px;
                padding: 20px 0;
                background-color:gray ;
                position: relative;
            }
            .site-category-item{
                width: 234px;
                height: 42px;
                cursor: pointer;
            }
            .site-category-item:hover{
                background-color: #ff3f12;
            }
            .site-category-item span{
                height: 42px;
                line-height: 42px;
                color: white;
            }
            .site-category-item .arrow{
                float: right;
                margin-right: 20px;
            }
            .site-category-item-content{
                width: 992px;
                height: 460px;
                position: absolute;
                left: 234px;
                top: 0;
                background-color: #f734e3;
                display: none;
            }
            .site-category-item:hover .site-category-item-content{
                display: block;
            }
            .home-hero-sub{
                width: 1226px;
                height: 170px;
                margin-top: 14px;
                display: flex;
                flex-flow: row nowrap;
            }
            .span4{
                width: 234px;
                height: 170px;
                margin-right: 14px;
                display: flex;
                flex-flow: row wrap;
            }
            .span4-content{
                width: 76px;
                height: 82px;
                border: 1px solid whitesmoke;
                background-color: #5f5750;;
            }
            .span4-content a{
                display: block;
                text-decoration: none;
                font-size: 12px;
                text-align: center;
                color: #e1e1e1;
            }
            .span4-content>a:hover{
                color: white;
            }
            .span4-content a img{
                display: block;
                width: 24px;
                height: 24px;
                margin: 20px 24px 3px 24px;
            }
            .span16{
                width: 978px;
                height: 170px;
                display: flex;
                flex-flow: row nowrap;
            }
            .span16-contnet{
                width: 316px;
                height: 170px;
                background-color: #f720ea;
            }
            .span16-contnet a img{
                width: 316px;
                height: 170px;
            }
            .page-main{
                height: 5637px;
                background-color: #efefef;
                overflow: hidden;
            }
            .home-banner-box{
                width: 1226px;
                height: 120px;
                margin: 22px auto;
            }
            .home-banner-box a{
                text-decoration: none;
            }
            .home-banner-box a img{
                width: 1226px;
                height: 120px;
            }
            .home-brick-box{
                width: 1226px;
                height: 340px;
                margin: 8px auto;
                background-color: #19b955;
            }
            .home-brick-box2{
                width: 1226px;
                height: 686px;
                margin: 8px auto;
            }
            .box-hd{
                width: 1226px;
                height: 58px;
                background-color: #efefef;
            }
            .box-hd .title{
                float: left;
                height: 58px;
                font-size: 22px;
                font-weight: 200;
                line-height: 58px;
                color: #333;
            }
            .box-hd .more{
                float: right;
                width: 92px;
                height: 58px;
            }
            .box-hd .more>a:hover{
                color: orangered;
            }
            .box-hd .more a{
                text-decoration: none;
                font-size: 16px;
                line-height: 58px;
                color: #424242;
                transition: all 0.4s;
            }
            .box-content{
                width: 100%;
                height: 614px;
            }
            .box-content-left{
                width: 234px;
                height: 614px;
                float: left;
                cursor: pointer;
            }
            .box-content-left:hover{
                box-shadow: 0 15px 30px rgba(0,0,0,.1);
                transform: translate3d(0,-2px,0);
            }
            .box-content-left img{
                display: block;
                width: 234px;
                height: 614px;
            }
            .box-content-right{
                width: 992px;
                height: 614px;
                float: right;
            }
            .box-content-right .box-content-item{
                width: 234px;
                height: 300px;
                float: left;
                margin-left: 14px;
                background-color: white;
            }
            .box-content-item:hover{
                box-shadow: 0 15px 30px rgba(0,0,0,.1);
                transform: translate3d(0,-2px,0);
            }
            .box-content-right-first{
                width: 992px;
                height: 300px;
            }
            .box-content-right-second{
                width: 992px;
                height: 300px;
                margin-top: 14px;
            }
            .box-content-item a{
                display: block;
                text-decoration: none;
                width: 234px;
                height: 250px;
                color: #757575;
            }
            .box-content-item .image{
                width: 160px;
                height: 160px;
                margin: 18px auto;
            }
            .box-content-item .image img{
                width: 160px;
                height: 160px;
            }
            .box-content-item .title{
                width: 214px;
                height: 20.8px;
                margin: 0 10px 2px;
                text-align: center;
                font-size: 14px;
                font-weight: 400;
                color: #333;
            }
            .box-content-item .desc{
                margin: 0 10px 10px;
                height: 18px;
                font-size: 12px;
                color: #b0b0b0;
                text-align: center;
            }
            .box-content-item .price{
                margin: 0 10px 14px;
                text-align: center;
                color: #ff6700;
            }
            .site-footer{
                height: 272px;
                background-color: #00F7DE;
            }
            .site-info{
                height: 230px;
                background-color: #19b955;
            }
            .home-tool-bar{
                width: 84px;
                height: 561px;
                position: fixed;
                bottom: 70px;
                right: 0;
            }
            .home-tool-bar .item{
                display: block;
                width: 82px;
                height: 90px;
                margin-top: -1px;
                background-color: #fff;
                border: 1px solid #f5f5f5;
                text-align: center;
                text-decoration: none;
            }
            .grzx{
                width: 30px;
                height: 30px;
                margin: 20px auto 5px;
                background-image: url("grzx.png");
                background-repeat: no-repeat;
                background-size: cover;
            }
            .home-tool-bar .item .word{
                width:82px ;
                height: 30px;
                text-align: center;
                color: #757575;
            }
            .item:hover .word{
                color: orangered;
            }
            .item:hover .grzx{
                background-image: url("grzx2.png");
            }
        </style>
    </head>
    <body>
        <div class="header">
            <div class="site-topbar">
                <div class="container">
                    <div class="topbar-nav">
                        <a href="">小米商城</a>
                        <span class="sep">|</span>
                        <a href="">MIUI</a>
                        <span class="sep">|</span>
                        <a href="">loT</a>
                        <span class="sep">|</span>
                        <a href="">云服务</a>
                        <span class="sep">|</span>
                        <a href="">金融</a>
                        <span class="sep">|</span>
                        <a href="">有品</a>
                        <span class="sep">|</span>
                        <a href="">小爱开放平台</a>
                        <span class="sep">|</span>
                        <a href="">企业团购</a>
                        <span class="sep">|</span>
                        <a href="">资质证照</a>
                        <span class="sep">|</span>
                        <a href="">协议规则</a>
                        <span class="sep">|</span>
                        <a href="">下载app</a>
                        <span class="sep">|</span>
                        <a href="">Select Location</a>
                    </div>
                    <div class="topbar-cart">
                        <span class="fa fa-shopping-cart" style="font-size: 16px"></span>
                        <span style="margin-left: 5px">购物车&nbsp;(0)</span>
                        <div class="cart-menu">
                            <span class="hide">购物车中还没有商品，赶紧选中吧！</span>
                        </div>
                    </div>
                    <div class="topbar-info">
                        <a href="">登录</a>
                        <span class="sep">|</span>
                        <a href="">注册</a>
                        <span class="sep">|</span>
                        <a href="">消息通知</a>
                    </div>
                </div>
            </div>
            <div class="site-header">
                <div class="container">
                    <div class="header-logo">
                        <a href="" class="logo"></a>
                    </div>
                    <div class="header-nav">
                        <div class="nav-item" style="margin-left: 172px">小米手机</div>
                        <div class="nav-item">Redmi 红米</div>
                        <div class="nav-item">电视</div>
                        <div class="nav-item">笔记本</div>
                        <div class="nav-item">家电</div>
                        <div class="nav-item">路由器</div>
                        <div class="nav-item">智能硬件</div>
                        <div class="nav-item">服务</div>
                        <div class="nav-item">社区</div>
                    </div>
                    <div class="header-search">
                        <input type="text" placeholder="小米10" class="search">
                        <div class="btn">
                            <span class="fa fa-search"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="home-hero-container">
            <div class="home-hero">
                <div class="site-category">
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                    <div class="site-category-item">
                        <span style="margin-left: 30px">手机&nbsp;电话卡</span>
                        <span class="arrow"> > </span>
                        <div class="site-category-item-content"></div>
                    </div>
                </div>
            </div>
            <div class="home-hero-sub">
                <div class="span4">
                    <div class="span4-content">
                        <a href="">
                            <img src="xmms.png" >
                            <span>小米秒杀</span>
                        </a>
                    </div>
                    <div class="span4-content">
                        <a href="">
                            <img src="xmms.png" >
                            <span>小米秒杀</span>
                        </a>
                    </div>
                    <div class="span4-content">
                        <a href="">
                            <img src="xmms.png" >
                            <span>小米秒杀</span>
                        </a>
                    </div>
                    <div class="span4-content">
                        <a href="">
                            <img src="xmms.png" >
                            <span>小米秒杀</span>
                        </a>
                    </div>
                    <div class="span4-content">
                        <a href="">
                            <img src="xmms.png" >
                            <span>小米秒杀</span>
                        </a>
                    </div>
                    <div class="span4-content">
                        <a href="">
                            <img src="xmms.png" >
                            <span>小米秒杀</span>
                        </a>
                    </div>
                </div>
                <div class="span16">
                    <div class="span16-contnet">
                        <a href="">
                            <img src="redmi-note8.jpg">
                        </a>
                    </div>
                    <div class="span16-contnet" style="margin-left: 15px">
                        <a href="">
                            <img src="redmi-note8.jpg">
                        </a>

                    </div>
                    <div class="span16-contnet"  style="margin-left: 15px">
                        <a href="">
                            <img src="redmi-note8.jpg">
                        </a>
                    </div>
                </div>
            </div>

        </div>
        <div class="page-main">
            <div class="home-brick-box">
                <div class="box-hd">
                    <div class="title">小米闪购</div>
                    <div class="more">
                        <a href="">
                            <span>查看全部</span>
                            <span class="fa fa-arrow-circle-right"></span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="home-banner-box">
                <a href="">
                    <img src="tpjx.webp">
                </a>
            </div>

            <div class="home-brick-box2">
                <div class="box-hd">
                    <div class="title">手机</div>
                    <div class="more">
                        <a href="">
                            <span>查看全部</span>
                            <span class="fa fa-arrow-circle-right"></span>
                        </a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-content-left">
                        <img src="xmma.webp" >
                    </div>
                    <div class="box-content-right">
                        <div class="box-content-right-first">
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                        <div class="box-content-right-second" >
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner-box">
                <a href="">
                    <img src="tpjx.webp">
                </a>
            </div>

            <div class="home-brick-box2">
                <div class="box-hd">
                    <div class="title">手机</div>
                    <div class="more">
                        <a href="">
                            <span>查看全部</span>
                            <span class="fa fa-arrow-circle-right"></span>
                        </a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-content-left">
                        <img src="xmma.webp" >
                    </div>
                    <div class="box-content-right">
                        <div class="box-content-right-first">
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                        <div class="box-content-right-second" >
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner-box">
                <a href="">
                    <img src="tpjx.webp">
                </a>
            </div>

            <div class="home-brick-box2">
                <div class="box-hd">
                    <div class="title">手机</div>
                    <div class="more">
                        <a href="">
                            <span>查看全部</span>
                            <span class="fa fa-arrow-circle-right"></span>
                        </a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-content-left">
                        <img src="xmma.webp" >
                    </div>
                    <div class="box-content-right">
                        <div class="box-content-right-first">
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                        <div class="box-content-right-second" >
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner-box">
                <a href="">
                    <img src="tpjx.webp">
                </a>
            </div>

            <div class="home-brick-box2">
                <div class="box-hd">
                    <div class="title">手机</div>
                    <div class="more">
                        <a href="">
                            <span>查看全部</span>
                            <span class="fa fa-arrow-circle-right"></span>
                        </a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-content-left">
                        <img src="xmma.webp" >
                    </div>
                    <div class="box-content-right">
                        <div class="box-content-right-first">
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                        <div class="box-content-right-second" >
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner-box">
                <a href="">
                    <img src="tpjx.webp">
                </a>
            </div>

            <div class="home-brick-box2">
                <div class="box-hd">
                    <div class="title">手机</div>
                    <div class="more">
                        <a href="">
                            <span>查看全部</span>
                            <span class="fa fa-arrow-circle-right"></span>
                        </a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-content-left">
                        <img src="xmma.webp" >
                    </div>
                    <div class="box-content-right">
                        <div class="box-content-right-first">
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                        <div class="box-content-right-second" >
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner-box">
                <a href="">
                    <img src="tpjx.webp">
                </a>
            </div>

            <div class="home-brick-box2">
                <div class="box-hd">
                    <div class="title">手机</div>
                    <div class="more">
                        <a href="">
                            <span>查看全部</span>
                            <span class="fa fa-arrow-circle-right"></span>
                        </a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="box-content-left">
                        <img src="xmma.webp" >
                    </div>
                    <div class="box-content-right">
                        <div class="box-content-right-first">
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                        <div class="box-content-right-second" >
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                            <div class="box-content-item">
                                <a href="">
                                    <div class="image">
                                        <img src="xiaomi10.webp">
                                    </div>
                                    <div class="title">小米10</div>
                                    <div class="desc">骁龙865/1亿像素相机</div>
                                    <div class="price">3999元起</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner-box">
                <a href="">
                    <img src="tpjx.webp">
                </a>
            </div>

        </div>
        <div class="site-footer"></div>
        <div class="site-info"></div>
        <div class="home-tool-bar">
            <a href="" class="item">
                <div class="grzx"></div>
                <div class="word">个人中心</div>
            </a>
            <a href="" class="item">
                <div class="grzx"></div>
                <div class="word">个人中心</div>
            </a>
            <a href="" class="item">
                <div class="grzx"></div>
                <div class="word">个人中心</div>
            </a>
            <a href="" class="item">
                <div class="grzx"></div>
                <div class="word">个人中心</div>
            </a>
            <a href="" class="item">
                <div class="grzx"></div>
                <div class="word">个人中心</div>
            </a>
        </div>
    </body>
</html>